.main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
 

    .title {
        height: 200px;

        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 50px;

        position: relative;

        input {
            border-radius: 45px;
            height: 115px;
            outline: none;
            border: #ccc 1px solid;
            width: 900px;
            text-indent: 100px;


        }

        &>p {
            position: absolute;
            top: 80px;
            right: 110px;
            padding-left: 20px;
            border-left: 1px solid #ccc;
            color: #666973;
        }

        i {
            position: absolute;
            top: 80px;
            left: 120px;
            font-size: 44px;
        }
    }

    .bdy {
        flex-grow: 1;
        height: 0;
        padding: 0px 50px;
        background-color: #e7e7e7;
        overflow: scroll;
        position: relative;
        .frist {

            width: 100%;
                .wiper{
                   
                    margin-bottom: 50px;
                   
                      .haha{
                        height: 400px;
                        text-align: center;
                        line-height: 300px;
                        background-color: rgb(48, 44, 44);
                      
                        img{
                          
                            height: 400px;

                        }
                      }
                }
                
            

            .head {
                display: flex;
                width: 100%;
                overflow: scroll;

                p {

                    height: 100px;
                    margin-right: 15px;
                    width: 205px;
                    border-radius: 15px;
                    line-height: 100px;
                    text-align: center;
                    background-color: #f3f3f3;

                }
            }

            .bot {
                display: flex;
                overflow-x: scroll;
                &::-webkit-scrollbar{
               
                    display: none;
                    
                }
                &>div {
                    width: 207px;
                    margin-right: 15px;

                    .img {
                        img {
                            width: 207px;
                            height: 215px;
                        }
                    }

                    p {
                        font-size: 12px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                    }
                }
            }

        }

        
            .box{
                position: relative;
                .aaa {
                    width: 100%;
                    height: 1280px;
                    background-color: white;
                    border-radius: 30px;
                    margin-top: 50px;
                    text-align: center;
                    overflow: hidden;
    
                    &>div {
    
    
                        &>h2 {
                            margin: 0;
                            margin: 74px 0 36px;
                        }
                        &>.one{
                            font-size: 55px;
                        }
                        &>p {
                            margin: 0;
                            font-size: 14px;
                            color: #423d3d;
                        }
    
                        &>img {
                            width: 487px;
                            height: 684px;
                            margin: 54px 0;
                        }
    
                        &>div {
                            margin: auto;
                            width: 836px;
                            height: 136px;
                            background-color: skyblue;
                            color: white;
                            line-height: 136px;
                            text-align: center;
                        }
    
                    }
                }
            }

            &>p{
                position: fixed;
                background-color: black;
                top: 1500px;right: 20px;
                text-align: center;
                line-height: 150px;
                width: 120px;
                height:120px;
                border-radius: 50%;
                &>i{
                    font-size: 60px;
                    color: white;
                }
            }
      
        


    }

    .button {

        width: 100%;
        height: 180px;
        padding: 0 60px;
        box-sizing: border-box;
        background-color: white;
        display: flex;
        justify-content: space-between;
        text-align: center;
       
        &>div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            p{
                margin: 0;
                color: #423d3d;
                font-size: 18px;
            }
            i{
                font-size: 80px;
            }
        }
        
      
    }
}